@(user: String, host: Boolean, message: String, ready: Boolean, started: Boolean)

@import helper._

@main(user) {

	<div id="staging" class="window">
	<h1>Staging room</h1>
		<br>
		<div id="header">
		</div>
	
		<div id="buttons">
			<div id="settings" style="display: none;">
			Number of Players:<br>
			<input id="players" name="players" class="input-small" type="text" value="1">
			<br>
			Number of Bots:<br>
			<input id="bots" name="bots" class="input-small" type="text" value="1">
			<br>
			Starting tokens:<br>
			<input id="tokens" name="tokens" class="input-small" type="text" value="300">
			<br>
			Ante:<br>
			<input id="ante" name="ante" class="input-small" type="text" value="10">
			<br>
			</div>
			
			<div id="parameters" style="display: none;">
			</div>
			
    		<input type="submit" id="create" value="New Game!">
	
    		<input type="submit" id="join" value="Join!">
    	</div>
    
    </div>
    
    <div id="game" class="window" style="display: none;">
    <h1>Game room</h1>
    	<br>
    	
		<div id="table">
		<table class="table">
		
			<tr>
			
			<td>
			<br><br>
			<div class="lcell">
				<div id="mycards">
				<img id="card0" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card1" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card2" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card3" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card4" class="mycard" alt="N" src="../assets/images/0.png"></img><br>
				</div>
				<br>
				<div id="bets0" style="display:inline;">
				</div>
			</div>
			</td>

			<td>
			<br><br>
			<div class="rcell">
				<div id="cards1" style="display: none;">
				<img id="card5" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card6" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card7" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card8" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card9" class="mycard" alt="N" src="../assets/images/0.png"></img><br>
				</div>
				<br>
				<div id="bets1" style="display:inline;">
				</div>
			</div>
			</td>
			
			</tr>
			
			<tr>
			
			<td>
			<br><br>
			<div class="lcell">
				<div id="cards2" style="display: none;"> 
				<img id="card10" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card11" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card12" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card13" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card14" class="mycard" alt="N" src="../assets/images/0.png"></img><br>
				</div>
				<br>
				<div id="bets2" style="display:inline;">
				</div>
			</div>
			</td>
			
			<td>	
			<br><br>
			<div class="rcell">
				<div id="cards3" style="display: none;">
				<img id="card15" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card16" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card17" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card18" class="mycard" alt="N" src="../assets/images/0.png"></img>
				<img id="card19" class="mycard" alt="N" src="../assets/images/0.png"></img><br>
				</div>
				<br>
				<div id="bets3" style="display:inline;">
				</div>
			</div>	
			</td>
			
			</tr>
			
		</table>
		<br>
		</div>
		<br>
    	<div id="actions">
    	
    	<input type="submit" id="fold" style="display: none;" value="Fold!">
    	<input type="submit" id="bet" style="display: none;" value="Bet!">
    	<input id="betval" name="betval" style="display: none;" class="input-small" type="text" placeholder="Your bet" value="0" size="5">
    	<input type="submit" id="raise" style="display: none;" value="Raise!">
    	<input id="raiseval" name="raiseval" style="display: none;" class="input-small" type="text" placeholder="Your bet" value = "0" size="5">
    	<input type="submit" id="check" style="display: none;" value="Check!">
    	<input type="submit" id="call" style="display: none;" value="Call!">
    	<input type="submit" id="allin" style="display: none;" value="All in!">
    	<input type="submit" id="replace" style="display: none;" value="Replace cards!">
    	<input type="submit" id="confirm" style="display: none;" value="Confirm!">
    	
    	</div>
    </div>
	<br>
	
	<div id="summary" class="window" style="display:none;">
	<h1>Summary</h1>
		<div id="summarytext">
		</div>
		<br>
		<input type="submit" id="end" value="End!">
	</div>
	<br><br>
	
	<table class="bottom">
	
	<tr>
		<td>
		<div id="log">
			<strong>Game Log:</strong>
			<br>
			<div id="messages" style="overflow-y: scroll; max-height: 250px"></div>
		</div>
		</td>
		
		<td>
		
		<div id="sumup" style="display:none;">
			<strong>Turn summary:</strong>
			<br>
			<div id="sumuptext">
			</div>
		</div>
		</td>
	</tr>
	</table>
	<br><br>
	
	<script type="text/javascript" charset="utf-8" src="@routes.Application.gameJs(user,host,ready,started)"></script>
	
}
